<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:icecore="http://www.icefaces.org/icefaces/core"
	xmlns:ace="http://www.icefaces.org/icefaces/components"
	xmlns:ice="http://www.icesoft.com/icefaces/component">
	<f:loadBundle var="etiqueta" basename="etiquetas"></f:loadBundle>
	<f:loadBundle var="constante" basename="constantes"></f:loadBundle>
	<h:head>
		<title>#{etiqueta['titulo']}</title>
		<link rel="stylesheet" type="text/css"
			href="../estilos/css/rime/rime.css" />
		<link rel="stylesheet" type="text/css"
			href="../estilos/css/estilos.css" />
	</h:head>
	<h:body>
		<ui:include src="/menuTemplate.xhtml" />
		<h:form>
			<ice:panelGroup styleClass="100per centrarGrupo" >
				<div align="center">
					<ice:panelGrid style="width:80%">
						<ice:panelGrid styleClass="100per izquierdaGrupo">
							<!-- Agregar persona-->
							<f:facet name="header">
								<div align="center">
									<ice:outputText value="#{etiqueta['gestionUsuarios.titulo']}" ></ice:outputText>
								</div>
							</f:facet>
							<ice:panelGrid columns="2" styleClass="100per">
								<ice:outputText id="estadoPersona" value="#{etiqueta['gestionUsuarios.estadoPersona']}"></ice:outputText>
								<ice:selectBooleanCheckbox id="valorEstadoPersona" value="#{gestionUsuariosBean.persona.activo}">
								</ice:selectBooleanCheckbox>
								<ace:tooltip for="estadoPersona" value="#{etiqueta['gestionUsuarios.estadoPersona.tooltip']}"></ace:tooltip>
								<ace:tooltip for="valorEstadoPersona" value="#{etiqueta['gestionUsuarios.estadoPersona.tooltip']}"></ace:tooltip>
								
								<ice:outputText value="#{etiqueta['gestionUsuarios.genero']}"></ice:outputText>
								<ice:selectOneRadio
									value="#{gestionUsuariosBean.persona.genero.idgenero}">
									<f:selectItems value="#{gestionUsuariosBean.generos}"/>
								</ice:selectOneRadio>
								
								<ice:outputText value="#{etiqueta['gestionUsuarios.tipoId']}"></ice:outputText>
								<ice:selectOneListbox 
									value="#{gestionUsuariosBean.persona.tipoIdentificacion.idtipoIdentificacion}"
									size="1">
									<f:selectItems value="#{gestionUsuariosBean.tiposIdentificacion}"/>
								</ice:selectOneListbox>
								
								<ice:outputText value="#{etiqueta['gestionUsuarios.numeroId']}"></ice:outputText>
								<ice:inputText value="#{gestionUsuariosBean.persona.numeroIdentificacion}"></ice:inputText>
								
								<ice:outputText value="#{etiqueta['gestionUsuarios.nombres']}"></ice:outputText>
								<ice:inputText value="#{gestionUsuariosBean.persona.nombres}"></ice:inputText>
								
								<ice:outputText value="#{etiqueta['gestionUsuarios.primerApellido']}"></ice:outputText>
								<ice:inputText value="#{gestionUsuariosBean.persona.primerApellido}"></ice:inputText>
								
								<ice:outputText value="#{etiqueta['gestionUsuarios.segundoApellido']}"></ice:outputText>
								<ice:inputText value="#{gestionUsuariosBean.persona.segundoApellido}"></ice:inputText>
								
								<ice:outputText value="#{etiqueta['gestionUsuarios.correoElectronico']}"></ice:outputText>
								<ice:inputText value="#{gestionUsuariosBean.persona.correoElectronico}"></ice:inputText>
								
								<ice:outputText value="#{etiqueta['gestionUsuarios.usuario.nombreUsuario']}"></ice:outputText>
								<ice:inputText id="nombreUsuario" value="#{gestionUsuariosBean.usuario.login}"></ice:inputText>
								
								<ice:outputText id="editarContrasena" value="#{etiqueta['gestionUsuarios.usuario.editarContrasena']}"></ice:outputText>
								<ice:selectBooleanCheckbox id="valorEditarContrasena" value="#{gestionUsuariosBean.editarContrasena}"
									disabled="#{!gestionUsuariosBean.editandoPersona}"
									valueChangeListener="#{gestionUsuariosBean.cambiarContrasena}"
									partialSubmit="true">
								</ice:selectBooleanCheckbox>
								
								<ace:tooltip for="editarContrasena" value="#{etiqueta['gestionUsuarios.usuario.editarContrasenaConf']}"></ace:tooltip>
								<ace:tooltip for="valorEditarContrasena" value="#{etiqueta['gestionUsuarios.usuario.editarContrasenaConf']}"></ace:tooltip>
								
								<ice:outputText value="#{etiqueta['gestionUsuarios.usuario.contrasena']}"
									rendered="#{gestionUsuariosBean.editarContrasena}">
								</ice:outputText>
								<ice:inputSecret id="contrasena" value="#{gestionUsuariosBean.contrasena}"
									rendered="#{gestionUsuariosBean.editarContrasena}">
								</ice:inputSecret>
								
								<ice:outputText value="#{etiqueta['gestionUsuarios.usuario.confirmacionContrasena']}"
									rendered="#{gestionUsuariosBean.editarContrasena}">
								</ice:outputText>
								<ice:inputSecret id="confirmacionaContrasena" value="#{gestionUsuariosBean.confirmacionContrasena}"
									rendered="#{gestionUsuariosBean.editarContrasena}">
								</ice:inputSecret>
								
							</ice:panelGrid>
							<div align="center">
								<ice:panelGrid columns="2">
									<ice:commandButton value="#{etiqueta['boton.guardar']}" 
										actionListener="#{gestionUsuariosBean.guardarInformacionPersona}"
										rendered="#{not gestionUsuariosBean.editandoPersona}">
									</ice:commandButton>
									<ice:commandButton value="#{etiqueta['boton.editar']}"
										rendered="#{gestionUsuariosBean.editandoPersona}" 
										actionListener="#{gestionUsuariosBean.editarInformacionPersona}">
									</ice:commandButton>
									<ice:commandButton value="#{etiqueta['boton.cancelar']}"
										rendered="#{gestionUsuariosBean.editandoPersona}" 
										actionListener="#{gestionUsuariosBean.cancelarEdicionPersona}">
									</ice:commandButton>
								</ice:panelGrid>
								<ice:commandButton value="#{etiqueta['boton.consultar']}" 
									actionListener="#{gestionUsuariosBean.consultarInformacionPersonas}">
								</ice:commandButton>
							</div>
						</ice:panelGrid>
						<ice:panelGrid styleClass="100per" columnClasses="centrarGrupo" columns="1">
							<style type="text/css">
					               /* Important required because row */
					               .ui-datatable-odd {background-color:lightgray !important;}
					           </style>
							<ace:dataTable id="listaProducto"
								rows="10"
								var="persona"
								value="#{gestionUsuariosBean.listaPersonas}"
								paginator="true"
				                paginatorPosition="bottom">
								<f:facet name="header">
									<div align="center">
										<ice:outputText value="#{etiqueta['gestionUsuarios.listaPersonas']}"></ice:outputText>
									</div>
								</f:facet>
								<ace:column headerText="#{etiqueta['item.producto.tabla.acciones']}">
									<ice:panelGrid columns="3">
										<ice:commandButton title="#{etiqueta['boton.editar']}" actionListener="#{gestionUsuariosBean.seleccionarPersona}" image="../estilos/css/imagenes/pen-16.gif">
											<f:attribute name="idPersona" value="#{persona.idpersona}"/>
										</ice:commandButton>
										<ice:commandButton 
											rendered="#{persona.activo}" 
											title="#{etiqueta['boton.inactivar']}" 
											actionListener="#{gestionUsuariosBean.cambiarEstadoPersona}" 
											image="../estilos/css/imagenes/Cancel__Red.png" 
											styleClass="iconsize">
											<f:attribute name="idPersona" value="#{persona.idpersona}"/>
										</ice:commandButton>
										<ice:commandButton 
											rendered="#{!persona.activo}" 
											title="#{etiqueta['boton.activar']}" 
											actionListener="#{gestionUsuariosBean.cambiarEstadoPersona}" 
											image="../estilos/css/imagenes/checkmark-16.gif" 
											styleClass="iconsize">
											<f:attribute name="idPersona" value="#{persona.idpersona}"/>
										</ice:commandButton>
									</ice:panelGrid>
								</ace:column>
								<ace:column headerText="#{etiqueta['gestionUsuarios.tabla.personas.nombres']}">
									<ice:outputText value="#{persona.nombres}"></ice:outputText>
								</ace:column>
								<ace:column headerText="#{etiqueta['gestionUsuarios.tabla.personas.apellidos']}">
									<ice:panelGrid columns="2">
										<ice:outputText value="#{persona.primerApellido}"></ice:outputText>
										<ice:outputText value="#{persona.segundoApellido}"></ice:outputText>
									</ice:panelGrid>
								</ace:column>
								<ace:column headerText="#{etiqueta['gestionUsuarios.tabla.personas.documentoId']}">
									<ice:outputText value="#{persona.tipoIdentificacion.acronimo} "></ice:outputText>
									<ice:outputText value="#{persona.numeroIdentificacion}"></ice:outputText>
								</ace:column>
								<ace:column headerText="#{etiqueta['gestionUsuarios.tabla.personas.correoElectronico']}">
									<ice:outputText value="#{persona.correoElectronico} "></ice:outputText>
								</ace:column>
							</ace:dataTable>
						</ice:panelGrid>
					</ice:panelGrid>
				</div>
			</ice:panelGroup>
		</h:form>
	</h:body>
</html>